{extend name="layouts/base"}
{block name="header"}
<link rel="stylesheet" href="__STATIC__/pc/css/base_2.css">
<script src="__STATIC__/pc/js/html5_2.js"></script>
<script src="__STATIC__/pc/js/jquery_2.js"></script>
<script src="__STATIC__/pc/js/common_2.js"></script>
<link rel="stylesheet" href="__STATIC__/pc/css/about.css">
{/block}

{block name="main"}
<div class="top-img">
    <img src="http://p3gu7x1ji.bkt.clouddn.com/%E9%98%BF%E9%87%8C%E6%97%BA%E6%97%BA%E5%9B%BE%E7%89%8720180905104558.jpg" alt="因为专业，所以放心">
    <div class="w pos-txt">
        <!--<h1>因为专业，所以放心</h1>-->
        <!--<h3>为创业者提供全方位的创业服务解决方案</h3>-->
    </div>
</div>
<!-- 公司介绍 -->
<div class="w row introduce" >
    <h4 class="a-tit">
        <span>公司介绍</span>
    </h4>
    <div class="a-des">
        {:htmlspecialchars_decode($about['content'])}
        </div>
</div>
<div class="w row introduce" >
    <div id="map" style="height: 500px;width: 50%;display: inline-block;float:left;">

    </div>
    <style>
        #uu > li{
            margin-bottom: 5px;
            margin-left: 50px;
        }
    </style>
    <div style="width: 50%;display: inline-block;float:left;">
            <ul  id="uu">
                <li>联系我们：</li>
                <li>电话:&nbsp;&nbsp;{$info['tel']}</li>
                <li>地址:&nbsp;&nbsp;{$info['addr']}</li>
            </ul>
    </div>
</div>
<div style="clear: both;height:20px;"></div>



{/block}

{block name="privateJs"}
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6d88e38ab7f507ee19cec46443691d95"></script>
<script>
    $(function () {

        // 百度地图API功能
        var map = new BMap.Map("map");    // 创建Map实例
        var point = new BMap.Point(116.312713,39.977947);   //坐标拾取网址：http://api.map.baidu.com/lbsapi/getpoint/index.html

        var marker = new BMap.Marker(point);  // 创建标注



        var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
        var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件

        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
        map.centerAndZoom(point, 18);  // 初始化地图,设置中心点坐标和地图级别
        map.addOverlay(marker);               // 将标注添加到地图中
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
        map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的



        window.onresize = function(){

            map.centerAndZoom(point, 17);  // 重置窗口的时候 重新获取中心点坐标的位置

        }

        /*
         * 若要开启全景模式，解注
         */

        /*var stCtrl = new BMap.PanoramaControl(); //构造全景控件
        map.addTileLayer(new BMap.PanoramaCoverageLayer());
        stCtrl.setOffset(new BMap.Size(20, 20));
        map.addControl(stCtrl);//添加全景控件*/




        //添加缩放控件
        map.addControl(top_left_control);
        map.addControl(top_left_navigation);
        /*map.addControl(top_right_navigation);  */

        /**/
        window.mark = 'about';
        /**/
        //导航选中
        $('[mark=' + window.mark + ']').addClass('on');
    })
</script>
{/block}